

<script lang="ts" setup>
// import { trackingList } from '~/assets/data/trackingList.json'
// import { useProvider } from '~/util/ethers_manager'
// import { hash } from '~/util/cache'


import themeManager from "~/util/theme_manager";
// const theme = themeManager.getTheme()

// const str = ref(hash('123'))

const init = async() => {
  // const mainnetSetting = trackingList.filter(item => item.name == 'Mainnet')[0]
  // const providerUrl = mainnetSetting.provider
  // const multicallAddress = mainnetSetting.multicall

  // const provider = useProvider(providerUrl).provider

  // do something
  console.log('Currently nothing to do in lab.');

}

onMounted(() => {
  init()
})

</script>

<template>
  <div id="page-setting" :style="themeManager.tabStyle()">
    <div :style="themeManager.paneTransparentStyle()">Lab</div>
    <div class="mb-3" :style="themeManager.paneStyle()">
      This is testing page.
      <br />Output is available in console.
    </div>
    <div class="mb-3" :style="themeManager.paneStyle()">Hello</div>
  </div>
</template>

<style lang="scss" scoped>
</style>
